<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<h1>前后端调用测试</h1>
			<!-- <input type="text"  value="1" /> -->
		</div>
		<!--  前后端远程调用-->
		<!-- 引入js函数 -->
		<script src="../js/axios.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		let url1 = "http://localhost:8090/findAll"
		axios.get(url1)
		.then(function(promise){
			console.log(promise)
			console.log(promise.data)
		})
		let id = 1
		let url2 = "http://localhost:8090/findById?id="+id
			axios.get(url2)
			.then(function(promise){
				
				console.log(promise.data)
			})
		/* 多参数的get请求。如果是多个参数可以考虑封装为对象 */
		let user3 ={age:18,sex:"女"}
		let url3 ="http://localhost:8090/findUserByAS"
		//get请求传递对象使用{params：user3}
		axios.get(url3,{params:user3}).then(function(promise){
			console.log(promise.data)
		})
		/**模板字符串 语法：`` 反引号
		*作用：1 保留代码片段的格式
		*2 可以动态取值
		*取值： ${key}*/
		let user4 = {id:1,name:"黑熊精",age:3000,sex:"男"}
		let url4= `http://localhost:8090/updateById/${user4.id}/${user4.name}/${user4.age}/${user4.sex}`
		axios.put(url4).then(function(promise){
			console.log(promise.data)
		})
		</script>
	</body>
</html>
